import React, { useEffect, useState } from 'react'
import { useNavigate, useParams } from 'react-router-dom'
import { MoreOutline, CloseOutline } from 'antd-mobile-icons'
import { Button, Input, Form, Switch, } from 'react-vant'
import { Swiper, NavBar, Space, Card, Tabs, Popup, DotLoading, Toast } from 'antd-mobile'
import HomeStyle from './Home.module.css'
export default function Restaurant() {

    const navigate = useNavigate()
    const right = (
        <div style={{ fontSize: 24 }}>
            <Space style={{ '--gap': '16px' }}>
                <MoreOutline />
            </Space>
        </div>
    )

    const back = () => {
        Toast.show({
            content: '点击了返回区域',
            duration: 1000,

        })
        navigate('/home');

    }


    return (
        <div>

            <NavBar backArrow onBack={back} right={right}>
                <h4>桃园</h4>
            </NavBar>

            <div className={HomeStyle.st}>
                <div>
                    <img src="https://cdn7.axureshop.com/demo/2019654/images/%E9%A3%9F%E5%A0%82%E4%BB%8B%E7%BB%8D/u1147.svg" alt="" />
                </div>
                <h2>桃园</h2>
                <hr />
                <p> 桃园成立于2000年，占地面积1000m，入驻商家200家。食堂设施设备齐全，设有操作间、切配间、面点间、蒸饭间、洗碗间、主食库，菜品丰富多样</p>
            </div>
        </div>
    )
}
